﻿#screen {
    /*overflow: hidden;*/
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: calc(100% / 1.4);
}

    #screen:after {
        content: '';
        clear: both;
    }

    #screen .screen-page {
        display: flex;
        overflow: hidden;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        /*left: 130%;*/
        width: 100%;
        transform: translate3D(-120%,0,0);
        transition: transform 0.3s;
        /*background: red;*/
    }

    #screen .screen-page.visible {
        transform: translate3D(0,0,0);
        /*background: red;*/
    }

    #screen .home-screen {
        width: 100%;
        height: 100%;
    }

        #screen .home-screen .title {
            height: 100%;
            width: 100%;
            font-size: 3.5em;
            display: flex;
            flex-flow: column nowrap;
            align-items: center;
            justify-content: center;
            text-shadow: 0.01em 0.01em white;
        }
